(function(){
	var vm=new Vue({
		el:'#wrapper',
		data:{
			showDate: false,
			showTime: false,
			showAddress: false,
			showGroup: false
		},
		components: {
			'clinic-right': clinicRight,
            'clinic-foot': clinicFoot
		},
		methods:{
			getDate:function(){
				var _this = this;
				$('#datePicker').Zebra_DatePicker({
					always_visible: $('#dateWrap'),
				    format: 'Y-m-d',
				    //direction: 1, //往前可以选择
				    //direction: [1, 10],//未来10天内可选择
				    direction: [1, 30], //用日期表示取可选区间
				    //disabled_dates: ['* * * *'] // 全部禁用
				    onChange:function(){
						//注册点击完成之后自动隐藏日期控件的方法
				        $(".dp_daypicker tr td").click(function () {
                            _this.showDate = false;
				        });
				    }
				});
			},
			displayDate: function () {
				console.log('displayDate');
				var _this = this;
				this.showDate = !this.showDate
				if(this.showDate) {
					this.$nextTick(function () {
                        _this.getDate();
                    });

				}
            },
			displayTime: function () {
				this.showTime = !this.showTime;
            },
            displayAddress: function () {
                this.showAddress = !this.showAddress;
            },
            displayGroup: function () {
                this.showGroup = !this.showGroup;
            }
		},
		mounted:function(){
		    showHtml();

		}
	})
})(Vue)